<!DOCTYPE html>
<html>
<head>
    <title>Fetch and Display Data</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $.ajax({
                type: "POST",
                url: "http://127.0.0.1:8080/login_v2", // 替换成实际的接口URL
                contentType: "application/json",
                data: JSON.stringify({"stuId":"10"}), // 如果有需要传递的数据，在这里添加
                success: function(response){
                    console.log(response);
                    console.log('hello');
                    // 成功获取数据后，在页面上显示为列表
                    var dataList = response; // 假设返回的数据是一个数组
                    var listHtml = "<ul>";
                    for (var i = 0; i < dataList.length; i++) {
                        listHtml += "<li>" + dataList[i].stuName + "</li>"; // 假设数据中包含名为name的属性
 			console.log(dataList[i].stuName)
                    }
                    listHtml += "</ul>";
                    $("#dataList").html(listHtml); // 在页面中显示列表
                },
                error: function(xhr, status, error) {
                    console.log("Error occurred while fetching data");
                }
            });
        });
    </script>
</head>
<body>
    <div id="dataList">
        <!-- 这里将显示数据列表 -->
    </div>
</body>
</html>
